<template>
  <div class="">
    <h1>测试页</h1>

    <van-button type="danger">危险按钮</van-button>
  </div>
</template>

<script>
export default {
  name: 'Test',
  props: {
    msg: String
  },
  mounted() {
    // 接参方法1
    // console.log( this.$route.params.id)

    // 接参方法2
  //   const id = this.$route.query.id
  //   const name = this.$route.query.name
  //  console.log( id+ name)
  // 接参方法  JSON
  console.log( this.$route.query.json)
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

